<template>
  <view class="com-root com-column">
    <safe-top/>
    <a-toolbar title="测试页面"/>

    <view class="com-expanded" style="background-color: #FFA000;">

    </view>

    <view style="height: 56px; background-color: #FF0036"></view>

    <!--底部安全距离-->
    <up-safe-bottom v-if="safeBottom" :customStyle="{backgroundColor: safeBottomColor}"/>
  </view>
</template>

<script>
import Scaffold from "../common/widget/scaffold.vue";
import AToolbar from "../common/widget/a-toolbar.vue";
import SafeTop from "../common/widget/safe-top.vue";

export default {
  components: {SafeTop, AToolbar, Scaffold},
  data() {
    return {
      title: 'Hello'
    }
  },
  onLoad() {

  },
  methods: {}
}
</script>

<style lang="scss">
.com-match {
  width: 100%;
  height: 100%;
}
</style>
